@mixin flex-xy-center{
	display: flex;
	justify-content: center;
	align-items: center;
}

.flex{
	display: flex;
}

.flex-1{
	flex: 1;
}

// x轴水平居中
.flex-x-center{
	display: flex;
	justify-content: center;
}

// y轴垂直居中
.flex-y-center{
	display: flex;
	align-items: center;
}

// x轴两侧分布, y轴垂直居中
.flex-x-bet-y-center{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

// x轴为主轴，xy水平垂直居中
.flex-xy-center{
	@include flex-xy-center();
}


// y轴为主轴，xy垂直水平居中
.flex-column-xy-center{
	@include flex-xy-center();
	flex-direction: column;
}

// y轴为主轴，x轴水平居中
.flex-column-x-center{
	display: flex;
	flex-direction: column;
	align-items: center;
}

// y轴为主轴，y轴垂直居中
.flex-column-y-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
}

// y轴为主轴，x轴两侧对齐 space-between
.flex-column-x-sb{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

